<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>文档标题</title>
  <!--不允许缩放-->
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <!--优先选择chrome 内核-->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <link rel="stylesheet " type="text/css " href="css/globle.css " />
  <link rel="stylesheet " type="text/css " href="css/style.css " />
  <link rel="stylesheet" href="css/login.css" />
  <script src='js/jquery.js'></script>
</head>
<body>
<div class="h-panel">
	<div class="h-logo"></div>
	</div>
	<div class="logoin-banner">
		<div class="logoin-banner-inner">
			<div class="login">
				<div class="login-main">
					<div class="login-nav">
						<a href="#">帐号登录</a><span>|</span><a href="#">扫码登录</a>
					</div>
					<div class="login-bd">
						<div class="login-bd-input">
							<input type="text" placeholder="邮箱/手机号码/小米账号" />
							<input type="password" placeholder="密码" />
							<input type="button" value="立即登录" />
						</div>
						<div class="zhanghao"><a href="#">小米账号</a><span>|</span><a href="#">忘记密码？</a></div>
							<div class="login-foot">
								<div class="login-foot-line">
										<legend>其他登陆方式</legend>
								</div>
							<div class="foot-img">
								<img src="images/QQ.png"/>
								<img src="images/微博(2).png" alt="" />
								<img src="images/支付宝.png"/>
								<img src="images/微信.png"/>
							</div>
						</div>
						
					</div>
					<div class="saoma">
						<div><img src="./images/qr.png" alt="" /></div>
						<p>使用<span>小米商城</span>app扫一扫</p>
						<p>MIUI系统可进入「设置」-「我的小米」扫码登录</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

</body>

</html>
<script src="js/login.js"></script>